body,ul,li,dl,dt,dd,p,ol,h1,h2,h3,h4,h5,h6,form,img,table,fieldset,legend{margin:0; padding:0;}
ul,li,ol{list-style:none;}
img,fieldset{border:0; }
img{display:block;}
a{text-decoration:none; color:#333;}
h1,h2,h3,h4,h5,h6{font-weight:100;}
body{ font-family:"微软雅黑";}
input,a{outline:none;}
@mixin afont($color:'grey',$size:14px,$height:40px) {
    color: $color;
    font-size: $size;
    line-height: $height;
    &:hover{
        color:red;
    }
}
@mixin mainset($mainnum) {
    width: 1400px;
    margin: 0 auto;
    height:$mainnum * 1px;
}
@mixin menu {
    // background: #fff;
    width: 80px;
    position: relative;
    ul{ background:#fff;
        position: absolute;
        z-index: 100;
        top:40px;
        left: -6px;
        li{
            width: 92px;
        }
        display: none;
    }
    &>span{
        padding: 0;
        &:nth-of-type(1){
            display: inline;
        }
        &:nth-of-type(2){
            display: none;
        }
    }
    &:hover{
        background: #fff;
        ul{
            display: block;
        }
        &>span{
            &:nth-of-type(2){
                display: inline;
            }
            &:nth-of-type(1){
                display: none;
            }
        }
    } 
}
@mixin menuafont {
    font-size: 16px;
    color: #333;
    line-height: 36px;
    &:hover{
        color:red;
    }
}
body{
    background: #fff;
}
#header_wrap{
    span{
        @include afont();
        padding: 0 6px;
    }
    background: #a6a6a6;
    #header{
        a{
            @include afont()
        }
        text-align: center;
        @include mainset(40);
        .headerleft{
            width: 900px;
            li{
                float: left;
            }
        }
        .jingcaixiala{
            float: left;
            @include menu();
            width:100px;
            ul{
               li{
                   width: 112px;
               }
            }
        }
        .space{
            float: left;
            width: 200px;
            height: 40px;
        }
        .headerright{
            float: left;
            width: 460px;
            img{
                width: 100px;
            }
            li{
                float: left;
                
                b{
                    width: 12px;
                    display: inline-block;
                }
                &:nth-of-type(5){
                    @include menu();
                }
                &:nth-of-type(7){
                    @include menu();
                }
                &:nth-of-type(9){
                    @include menu();
                    ul{
                        left: -20px;
                    }
                }
            }
        }
        .shoppingcar{
            float: right;
            @include menu();
        }
    }
}
#menu{
    width: 1400px;
    margin: 0 auto;
    background:#fff;
    text-align: center;
    padding: 18px 0 15px;
    overflow: hidden;
    h1{
        float: left;
        img{
            width: 205px;
            height: 36px;
        }
    }
    ul{
        float: left;
        overflow: hidden;
        li{
            float: left;
            margin: 0 20px;
            img{
                height: 24px;
                width: 74px;
                margin: 6px 0;
            }
            a{
                @include menuafont()
            }
        }
    }
    form{
        float: right;
        input{
            padding-left: 25px;
            float: left;
            width: 260px;
            height:30px;
            border:0;
            border-radius: 16px 0 0 16px;
            background: #ddd4d4;
        }
        button{
            padding-right: 16px;
            height:30px;
            float: left;
            border: 0; 
            border-radius:0 16px 16px 0; 
        }
    }
}
#footer-container{background:#f9f9f9;width:100%;min-width:1400px;overflow: hidden;}
#footer-container .footer{display: block;padding:22px 100px 22px;width:1400px;margin:0 auto;color:#666;line-height:1.5}
#footer-container .footer .fl{float: left; font-size: 12px;}
#footer-container .footer a{color:#666;font-size:12px;}
#footer-container .footer a:hover{color:#ca151d;text-decoration:none}
#footer-container .footer-warrant-area{text-align:left;color:#a4a4a4;line-height:20px}
#footer-container .footer-warrant-area .footer-warrant-logo{width:82px;height:20px;padding:8px 20px 0 0}
#footer-container .footer-warrant-area .footer-warrant-logo a{display:block;width:100%;height:100%}
#footer-container .footer-warrant-area .footer-warrant-logo img{vertical-align:top;width:82px;height:20px}
#footer-container .footer-warrant-area a{color:#a4a4a4}
#footer-container .footer-warrant-area em{padding-right:3px;margin-left:3px}
#footer-container .footer-warrant-area .footer-warrant-img{margin-top:2px}
#footer-container .footer-warrant-area .footer-warrant-img a{display:block;width:70px;margin-left:17px;height:24px}
#footer-container .footer-warrant-area .footer-warrant-img img{vertical-align:top;width:70px;height:24px}
#footer-container .footer-warrant-link{*zoom:1;margin-top:3px;margin-bottom:4px}
#footer-container .footer-warrant-link:before,.footer-warrant-link:after{content:"";display:table}
#footer-container .footer-warrant-link:after{clear:both}
#footer-container .footer-warrant-link li{float:left;line-height:1;padding-right:6px;border-right:1px solid #d3d3d3;margin-right:6px}
#footer-container .footer-warrant-link li a{color:#777}
#footer-container .footer-warrant-link li:last-child{border:0;margin-right:0;padding-right:0}